.activity_pin {
    width: auto;
    height: 44rpx;
    line-height: 44rpx;
    background: linear-gradient(90deg, rgba(233, 51, 35, 1) 0%, rgba(250, 101, 20, 1) 100%);
    opacity: 1;
    border-radius: 22rpx;
    padding: 0 15rpx;
    margin-left: 19rpx;
}
.activity_miao {
    width: auto;
    height: 44rpx;
    line-height: 44rpx;
    padding: 0 15rpx;
    background: linear-gradient(90deg, rgba(250, 102, 24, 1) 0%, rgba(254, 161, 15, 1) 100%);
    opacity: 1;
    border-radius: 22rpx;
    margin-left: 19rpx;
}

.iconfonts {
    color: #fff !important;
    font-size: 28rpx;
}

.activity_title {
    font-size: 24rpx;
    color: #fff;
}

.activity_kan {
    width: auto;
    height: 44rpx;
    line-height: 44rpx;
    padding: 0 15rpx;
    background: linear-gradient(90deg, rgba(254, 159, 15, 1) 0%, rgba(254, 178, 15, 1) 100%);
    opacity: 1;
    border-radius: 22rpx;
    margin-left: 19rpx;
}

.mask {
    z-index: 300 !important;
}

.head-bar {
    background: #fff;
}

.generate-posters {
    width: 100%;
    height: 170rpx;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 388;
    transform: translate3d(0, 100%, 0);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    border-top: 1rpx solid #eee;
}

.generate-posters.on {
    transform: translate3d(0, 0, 0);
}

.generate-posters .item {
    flex: 50%;
    text-align: center;
    font-size: 30rpx;
}

.generate-posters .item .iconfont {
    font-size: 80rpx;
    color: #5eae72;
}

.generate-posters .item .iconfont.icon-haibao {
    color: #5391f1;
}

.product-con .mask {
    z-index: 88;
}

.product-con .footer {
    padding: 0 20rpx 0 30rpx;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    height: 100rpx;
    background-color: #fff;
    z-index: 277;
    border-top: 1rpx solid #f0f0f0;
}

.product-con .footer .item {
    font-size: 18rpx;
    color: #666;
}

.product-con .attribute .atterTxt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 400rpx;
}
.product-con .attribute .atterTxt1{
    color: #282828;
    &.hasAttr{
        &:after{
            content: "";
            display: inline-block;
            position: relative;
            top: -6rpx;
            margin: 0 6rpx;
            width: 5rpx;
            height: 5rpx;
            background-color: #282828;
            border-radius: 100%;
        }
        &:last-child{
            &:after{
                display: none;
            }
        }

    }
}
.product-con .guaranteeAttr{
    display: inline-block;
    width: 560rpx;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.product-con .footer .item .iconfont {
    text-align: center;
    font-size: 40rpx;
}
.product-con .wrapper .introduce {
    margin: 20rpx 30rpx 0;
}
.product-con .footer .item .iconfont.icon-shoucang1 {
    color: #f00;
}
.product-con .integral{
    display: inline-block;
    margin: 20rpx 30rpx 0;
    color: #FF9000;
    background-color: #FFF4E6;
    height: 40rpx;
    line-height: 40rpx;
    border-radius: 22rpx;
    padding: 0 26rpx;
    font-size: 24rpx;
    font-weight: normal;
}
.product-con .footer .item .iconfont.icon-gouwuche1 {
    font-size: 40rpx;
    position: relative;
}

.product-con .footer .item .iconfont.icon-gouwuche1 .num {
    color: #fff;
    position: absolute;
    font-size: 18rpx;
    padding: 2rpx 8rpx 3rpx;
    border-radius: 200rpx;
    top: -10rpx;
    right: -10rpx;
}

.product-con .footer .bnt {
    //width: 444rpx;
    height: 76rpx;
}

.product-con .footer .bnt .bnts {
    width: 222rpx;
    text-align: center;
    line-height: 76rpx;
    color: #fff;
    font-size: 28rpx;

    &.sold_out {
        width: 444rpx;
        border-radius: 50rpx;
    }
}

.product-con .footer .bnt .joinCart {
    border-radius: 50rpx 0 0 50rpx;
    background-image: linear-gradient(to right, #fea10f 0%, #fa8013 100%);
}

.product-con .footer .bnt .buy {
    //border-radius: 0 50rpx 50rpx 0;
    border-radius: 50rpx;
    background-image: linear-gradient(to right, #fa6514 0%, #e93323 100%);
}

.product-con .footer .bnt .buy[disabled] {
    background: #bbb;
}

.product-con .superior {
    background-color: #fff;
    margin-top: 20rpx;
    padding-bottom: 10rpx;
}

.product-con .superior .title {
    height: 98rpx;
}

.product-con .superior .title image {
    width: 30rpx;
    height: 30rpx;
}

.product-con .superior .title .titleTxt {
    margin: 0 20rpx;
    font-size: 30rpx;
    background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-con .superior .slider-banner {
    width: 690rpx;
    margin: 0 auto;
    position: relative;
}

.product-con .superior .slider-banner swiper {
    height: 100%;
    width: 100%;
}

.product-con .superior .slider-banner swiper-item {
    height: 100%;
}

.product-con .superior .slider-banner .list {
    width: 100%;
}

.product-con .superior .slider-banner .list .item {
    width: 215rpx;
    margin: 0 22rpx 30rpx 0;
    font-size: 26rpx;
}

.product-con .superior .slider-banner .list .item:nth-of-type(3n) {
    margin-right: 0;
}

.product-con .superior .slider-banner .list .item .pictrue {
    position: relative;
    width: 100%;
    height: 215rpx;
}

.product-con .superior .slider-banner .list .item .pictrue image {
    width: 100%;
    height: 100%;
    border-radius: 6rpx;
}

.product-con .superior .slider-banner .list .item .name {
    color: #282828;
    margin-top: 12rpx;
}

.product-con .superior .slider-banner .swiper-pagination-bullet {
    background-color: #999;
}

.product-con .superior .slider-banner .swiper-pagination-bullet-active {
    background-color: #e93323;
}

button {
    padding: 0;
    margin: 0;
    line-height: normal;
    background-color: #fff;
}

button::after {
    border: 0;
}

action-sheet-item {
    padding: 0;
    height: 240rpx;
    align-items: center;
    display: flex;
}

.contact {
    font-size: 16px;
    width: 50%;
    background-color: #fff;
    padding: 8rpx 0;
    border-radius: 0;
    margin: 0;
    line-height: 2;
}

.contact::after {
    border: none;
}

.action-sheet {
    font-size: 17px;
    line-height: 1.8;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 25rpx 0;
}

.canvas {
    z-index: 300;
    width: 750px;
    height: 1190px;
}

.poster-pop {
    width: 450rpx;
    height: 714rpx;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 399;
    top: 50%;
    margin-top: -357rpx;
}

.poster-pop image {
    width: 100%;
    height: 100%;
    display: block;
}

.poster-pop .close {
    width: 46rpx;
    height: 75rpx;
    position: fixed;
    right: 0;
    top: -73rpx;
    display: block;
}

.poster-pop .save-poster {
    background-color: #df2d0a;
    font-size: ：22rpx;
    color: #fff;
    text-align: center;
    height: 76rpx;
    line-height: 76rpx;
    width: 100%;
}

.poster-pop .keep {
    color: #fff;
    text-align: center;
    font-size: 25rpx;
    margin-top: 10rpx;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
}

.pro-wrapper .iconn {
    background-image: url('');
    width: 100rpx;
    height: 100rpx;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.pro-wrapper .iconn.iconn1 {
    background-image: url('');
}

.pictrue_log {
    width: 80upx;
    height: 40upx;
    border-radius: 6upx 0 12upx 0;
    line-height: 40upx;
    font-size: 24upx;
}

.pictrue_log_class {
    z-index: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(246, 122, 56, 1)), to(rgba(241, 27, 9, 1)));
    background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0%, rgba(241, 27, 9, 1) 100%);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;

}

.navbar .header {
    height: 96rpx;
    font-size: 30rpx;
    color: #050505;
    background-color: #fff;
    /* #ifdef MP */
    padding-right: 95rpx;
    /* #endif */
}

.navbar .header .item {
    position: relative;
    margin: 0 25rpx;
}

.navbar .header .item.on:before {
    position: absolute;
    width: 60rpx;
    height: 5rpx;
    background-repeat: no-repeat;
    content: "";
    background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);
    bottom: -10rpx;
    left: 50%;
    margin-left: -28rpx;
}

.navbar {
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}

.navbar .navbarH {
    position: relative;
}

.navbar .navbarH .navbarCon {
    position: absolute;
    bottom: 0;
    height: 100rpx;
    width: 100%;
}

.share-box {
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    image {
        width: 100%;
        height: 100%;
    }
}

.store-wrapper {
    margin-top: 20rpx;
    background-color: #fff;

    .store-hd {
        padding: 30rpx;
        border-bottom: 1px solid #F5F5F5;

        .store-info {
            position: relative;
            display: flex;

            .logo {
                width: 86rpx;
                height: 86rpx;

                image {
                    width: 86rpx;
                    height: 86rpx;
                    border-radius: 6rpx;
                }
            }

            .info {
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-left: 20rpx;

                .name {
                    font-size: 28rpx;
                    color: #282828;
                    font-weight: bold;
                }

                .txt {
                    margin-top: 8rpx;
                    color: #666666;
                    font-size: 22rpx;
                }
            }

            .link {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                display: flex;
                align-items: center;
                justify-content: center;
                width: 114rpx;
                height: 50rpx;
                background: linear-gradient(-90deg, $bg-end 0%, $bg-star 100%);
                border-radius: 25rpx;
                color: #fff;
            }
        }

        .score-wrapper {
            display: flex;
            justify-content: space-between;
            margin-top: 30rpx;

            .item {
                color: #948D8C;
                font-size: 26rpx;

                text {
                    margin-left: 10rpx;
                    color: $theme-color;
                }
            }
        }
    }

    .con-box {
        padding: 20rpx 0 20rpx 30rpx;

        .title {
            font-size: 28rpx;
            color: #282828;
            margin-bottom: 20rpx;
        }

        .img-box {
            display: flex;
            .img-item {
                width: 206rpx;
                margin-right: 20rpx;

                image {
                    width: 206rpx;
                    height: 206rpx;
                    border-radius: 16rpx;
                }

                .txt {
                    .title {
                        font-size: 28rpx;
                        color: #282828;
                    }

                    .price {
                        color: $theme-color;
                        font-size: 28rpx;

                        text {
                            font-size: 20rpx;
                        }
                    }
                }

            }
        }
    }
}

.sys-head {
    background: transparent;
}

.head-wrapper {
    z-index: 999;
    display: flex;
    align-items: center;
    position: fixed;
    left: 30rpx;
    top: 0;
    /* #ifdef MP */
    height: 43px;
    /* #endif */
    /* #ifdef H5 */
    height: 114rpx;
    /* #endif */
}

.head-menu {
    display: flex;
    align-items: center;
    height: 54rpx;
    width: 70rpx;
    background: rgba(0, 0, 0, .25);
    border-radius: 27rpx;

    .iconfont {
        flex: 1;
        text-align: center;
        color: #fff;
        box-sizing: border-box;

        &.icon-xiangzuo {
            border-right: 1px solid #fff;
        }
    }
}
